.list {
  .item {
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1), -2px 4px 10px rgba(0, 0, 0, 0.1),
      0 5px 10px rgba(0, 0, 0, 0.05);
    margin-top: 30rpx;

    .head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding: 20rpx 10rpx;
      background: linear-gradient(to right, #048fc4, #00719c);
      border-radius: 13rpx 13rpx 0rpx 0rpx;
      color: #fff;
      .left {
        font-size: 28rpx;
        font-weight: 500;
      }
      .right {
        font-size: 30rpx;
      }
    }
    .body {
      background-color: #fff;
      padding: 20rpx;
      .item-title {
        display: flex;
        justify-content: flex-end;
        font-size: 25rpx;
      }
      .item-desc {
        padding: 60rpx 0;
        text-align: center;
        color: $primary-color;
        font-size: 46rpx;
        font-weight: 500;
      }
      .item-btns {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        .item-btn {
          padding: 12rpx 16rpx;
          background: rgba($color: $primary-color, $alpha: 0.1);
          border-radius: 6rpx;
          font-size: 28rpx;
          &:first-child {
            margin-right: 16rpx;
          }
        }
      }
    }
  }
}
